<div>
    <div class="input-group input-group-sm mb-3">
        <div class="input-group-prepend">
          <span class="input-group-text" id="inputGroup-sizing-sm">课程名称:</span>
        </div>
        <input type="text"  class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-sm">
      </div>

      <p class="text-right">
          <button class="btn btn-outline-success">保存</button>
          <button class="btn btn-outline-info">取消</button>
      </p>
</div>


<table class="table">
  <tr>
    <th>
      课程名称
    </th>
    <th>
      操作
    </th>
  </tr>

  <tr>
    <td>
      测试名称
    </td>
    <td>
        <button class="btn btn-outline-primary" (click) = "addBook()">添加</button>
        <button class="btn btn-outline-warning" (click)="toupdate(x)">修改</button>
        <button class="btn btn-outline-danger" (click)="deleteBook(x)">删除</button>
    </td>
  </tr>

</table>